
<template>
  <div id="app">
    <!-- TabBar -->
    <!-- <div class="tabbar">
      <button @click="navigateTo('home')">首页</button>
      <button @click="navigateTo('workbench')">工作台</button>
      <button @click="navigateTo('my')">我的</button>
    </div> -->

    <!-- 页面内容 -->
    <router-view></router-view>
  </div>
</template>

<script>
export default {
  name: 'App',
  methods: {
    // 跳转到指定页面
    navigateTo(page) {
      this.$router.push({ name: page })
    }
  }
}
</script>

<style lang="less">
.tabbar {
  display: flex;
  justify-content: space-around;
  padding: 10px;
  background-color: #f8f8f8;
  border-bottom: 1px solid #ddd;
}

button {
  padding: 10px;
  font-size: 16px;
  background-color: #4CAF50;
  color: white;
  border: none;
  cursor: pointer;
}

button:hover {
  background-color: #45a049;
}
</style>
